呵呵，您好。 从您提出的问题就可以看出，您对网页设涉入还不太深，也不了解CSS的相关知识，所以我以下回答的是不用CSS的方法。对于“推荐答案”告诉您的是CSS的方法，虽然答案对，但是没有考虑到您的知识面。（就好象有人问：每个苹果要5毛钱，那么两个苹果的价格用“加法”怎么算。而有人回答说：2*5＝10 虽然10的答案是对的。但是如果不明白乘法。那么，提问者仍然没有得到“加法怎么算”的答案。）我觉得我的回答更贴近您想要的答案（完全是HTML基础代码），而且不只是告诉您答案，还一步步引导您理解这些代码。 首先呢，我希望你能对HTML有一定的基础。下面的内容你才能理解对于你的提问，从字面上理解，我理解为二个提问：1、《input name=“home“ type=“button“》 这是HTML中定义一个名字叫home的按钮的基本代码。注意：此时按钮上面还没有文字，也没有背景图片。2、《input name=“home“ type=“button“ value=“首页“ 》 对1中的代码进行修改添加了 “ value=“首页“ ” 这样就为按钮添加了“首页”两个字了3、《input name=“home“ type=“button“ value=“首页“ style=“font-size:18px“ /》 断续对2的代码进行修改 style=“font-size:18px“ 是对按钮中的文字大小进行设置。 你再试一试 style=“font-size:20px“ 会发现字体变的更大一些了，所以值越大，字体大小越大。 同时注意按钮的大小也会随着字体的大小而自动变大变小。4、《input name=“home“ type=“button“ value=“首页“ style=“font-size:18px;font-family:宋体“ /》 断续对3的代码进行修改 在刚才的 style=“font-size:18px“ 中加入 font-family:宋体 注意“font-size:18px”与“font-family:宋体”中间用分号隔开。 加入的代码的意思是设置字体为宋体 那设置为黑体呢？当然是用 font-family:黑体 罗。好了。你的第一问题“怎样用HTML前台代码向按钮中插入背景图片，怎样设置按钮里的字体？”我问答完了。5、《input name=“home“ type=“button“ value=“首页“ style=“font-size:18px;font-family:宋体;width:80px; height:80px“ /》 对4的代码进行修改添加“width:80px; height:80px”是设置按钮的大小。 width:80px 是设置按钮的宽度 height:80px是设置按钮的高度 注意“font-size:18px”与“font-family:宋体”与“width:80px”与“height:80px”这四句话之间都有分号6、《input name=“home“ type=“button“ value=“首页“ style=“font-size:18px;font-family:宋体;width:80px; height:80px“;ba如有不明白请多百度或者谷歌一下“HTML设置字体”及“HTML背景图片”的相关内容，或者留言与我，我再告知

语法：font： 默认值：看独立属性自身取值：《font-style》：指定文本字体样式《font-variant》：指定文本是否为小型的大写字母《font-weight》：指定文本字体的粗细《font-size》：指定文本字体尺寸《line-height》：指定文本字体的行高《font-family》：指定文本使用某个字体或字体序列 这是一段修饰文字的代码：《!DOCTYPE html》《html lang=“zh-cn“》《head》《meta charset=“utf-8“ /》《title》font_CSS参考手册_web前端开发参考手册系列《/title》《meta name=“author“ content=“Joy Du(飘零雾雨), [email protected]“ /》《meta name=“copyright“ content=“www.doyoe.com“ /》《style》.test p{margin:15px 0;border:1px solid #000;}.font1 p{font:18px Simsun,arial,sans-serif;}.font2 p{font:italic 18px Simsun,arial,sans-serif;}.font3 p{font:italic small-caps 18px Simsun,arial,sans-serif;}.font4 p{font:italic small-caps bold 18px Simsun,arial,sans-serif;}.font5 p{font:italic small-caps bold 18px/2 Simsun,arial,sans-serif;}.caption p{font:caption;}.icon p{font:icon;}.menu p{font:menu;}.message-box p{font:message-box;}.small-caption p{font:small-caption;}.status-bar p{font:status-bar;}《/style》《/head》《body》《ul class=“test“》《li class=“font1“》《strong》只指定字体大小和字体：《/strong》《p》本段文字将显示为18px宋体。《/p》《/li》《li class=“font2“》《strong》只指定字体样式、大小和字体：《/strong》《p》本段文字将显示为斜体的18px宋体。《/p》《/li》《li class=“font3“》《strong》只指定字体样式、小型大写字母、大小和字体：《/strong》《p》本段文字将显示为斜体的带小型大写字母的18px宋体。大小型大写字母对比：AaBbCcDdEeFfGg《/p》《/li》《li class=“font4“》《strong》只指定字体样式、小型大写字母、粗细、大小和字体：《/strong》《p》本段文字将显示为斜体的带小型大写字母的加粗18px宋体。《/p》《/li》《li class=“font5“》《strong》只指定字体样式、小型大写字母、粗细、大小、行高和字体：《/strong》《p》本段文字将显示为行高为2的斜体的带小型大写字母的加粗18px宋体。《/p》《/li》《li class=“caption“》《strong》指定字体为caption：《/strong》《p》本段文字将以caption的字体显示。《/p》《/li》《li class=“icon“》《strong》指定字体为icon：《/strong》《p》本段文字将以icon的字体显示。《/p》《/li》《li class=“menu“》《strong》指定字体为menu：《/strong》《p》本段文字将以menu的字体显示。《/p》《/li》《li class=“message-box“》《strong》指定字体为message-box：《/strong》《p》本段文字将以message-box的字体显示。《/p》《/li》《li class=“small-caption“》《strong》指定字体为small-caption：《/strong》《p》本段文字将以small-caption的字体显示。《/p》《/li》《li class=“status-bar“》《strong》指定字体为status-bar：《/strong》《p》本段文字将以status-bar的字体显示。《/p》《/li》《/ul》《/body》《/html》复制上面这段代码成.html格式文件用浏览器打开即可查看文字属性信息，如果没有软件那就使用记事本保存文件后缀为.html打开即可

参考答案：*{ font-family:“宋体“; font-size:16px; color:black; line-height:28px;}*为通配符，代表所有元素。

font-family:’Microsoft YaHei’。

1、网页字体样式华文黑体：STHeiti

2、网页字体样式华文楷体：STKaiti

3、网页字体样式华文宋体：STSong

4、网页字体样式华文仿宋：STFangsong

5、网页字体样式黑体：SimHei

6、网页字体样式宋体：SimSun

7、网页字体样式新宋体：NSimSun

8、网页字体样式仿宋：FangSong

9、网页字体样式楷体：KaiTi

10、网页字体样式仿宋_GB2312：FangSong_GB2312

11、网页字体样式楷体_GB2312：KaiTi_GB2312

12、网页字体样式微软正黑体：Microsoft JhengHei

13、网页字体样式微软雅黑体：Microsoft YaHei

14、网页字体样式隶书：LiSu

15、网页字体样式幼圆：YouYuan

16、网页字体样式华文细黑：STXihei

17、网页字体样式华文楷体：STKaiti

18、网页字体样式华文宋体：STSong

19、网页字体样式华文中宋：STZhongsong

20、网页字体样式华文仿宋：STFangsong

21、网页字体样式方正舒体：FZShuTi

22、网页字体样式方正姚体：FZYaoti

23、网页字体样式华文彩云：STCaiyun

24、网页字体样式华文琥珀：STHupo

25、网页字体样式华文隶书：STLiti

26、网页字体样式华文行楷：STXingkai

27、网页字体样式华文新魏：STXinwei

扩展资料

html内容描述

《h1》《/h1》 最大的标题（一号标题）

《pre》《/pre》 预先格式化文本 （英文全称：PREformatted）

《u》《/u》 下划线（英文全称：Underline）

《b》《/b》 黑体字 （英文全称：Bold）

《i》《/i》 斜体字 （英文全称：Italics）

《tt》《/tt》打字机风格的字体

《cite》《/cite》引用，通常是斜体

《em》《/em》 强调文本（通常是斜体加黑体、英文全称：EMphasize）

《strong》《/strong》 加重文本（通常是斜体加黑体）

《font size=““ color=““》《/font》 设置字体大小从1到7，颜色使用名字或RGB（中文全称：红绿蓝）的十六进制值

《BASEFONT》《/BASEFONT》基准字体标记

《big》《/big》 字体加大

《SMALL》《/SMALL》 字体缩小

《DELECT》《/DELECT》 加删除线

《CODE》《/CODE》程式码

《KBD》《/KBD》键盘字（英文全称：KeyBoarD）

《SAMP》《/SAMP》 范例（英文全称：SAMPle）

《VAR》《/VAR》 变量（英文全称：VARiable）

《BLOCKQUOTE》《/BLOCKQUOTE》 向右缩排（向右缩进、块引用）

《DFN》《/DFN》 述语定义（英文全称：DeFiNe）

《ADDRESS》《/ADDRESS》地址标记

《sup》《/SUP》 上标字 （英文全称：SUPerscript）

《SUB》《/SUB》 下标字（英文全称：SUBscript）

《xmp》...《/xmp》；固定宽度字体（在文件中空白、换行、定位功能有效）

《plaintext》...《/plaintext》；固定宽度字体（不执行标记符号）

《listing》...《/listing》 固定宽度小字体

《font color=00ff00》...《/font》；字体 颜色

《font size=1》...《/font》；字体 大小等于1（最小）。

《font style =’font-size:100 px’》...《/font》；字体 样式等于无限增大（100像素）

方法和详细的操作步骤如下：

1、第一步，如果要修改下划线的颜色，大小和其他样式，可以通过border属性设计，使用起来更灵活，见下图，转到下面的步骤。

2、第二步， 执行完上面的操作之后， border-bottom属性用于设置底部边框样式，见下图，转到下面的步骤。

3、第三步，  执行完上面的操作之后，border-bottom: #FF0000 2px solid ； 将边框大小设置为2PX红色边框，见下图，转到下面的步骤。

4、第四步，执行完上面的操作之后，观察到相同的效果，发现下划线是整个屏幕的宽度，因此接下来将更改宽度，见下图，转到下面的步骤。

5、第五步，执行完上面的操作之后，宽度设置为180px，可以根据实际情况进行调整，见下图，转到下面的步骤。

6、第六步，执行完上面的操作之后，将显示下划线效果，见下图。这样，就解决了这个问题了。

实现鼠标悬停显示文字，html中使用title属性就可实现显示文字的效果，这个属性还是比较实用的，你可以参考下《a href=“#“ title=“这里是显示的文字“》hello《/a》当鼠标悬停在 hello上一会就会有文字 “这里是显示的文字“ 显示。

font-style:XXXX;font-weight:XXX;font-size:XXX;color:XXXX;以上都是设置字体属性的，后面的属性用dreamweaver编写的时候有提示

　　如何设置html字体

　　设置字体

　　html

　　body

　　A heading

　　A paragraph

　　/body

　　/html

　　设置文字尺寸

　　html

　　body

　　A heading

　　A paragraph

　　/body

　　/html

　　设置字体颜色

　　html

　　body

　　A heading

　　A paragraph

　　/body

　　/html

　　设置文字的字体、字体尺寸、字体颜色

　　html

　　body

　　hello world

　　/body

　　/html

　　如何设置Java对话框字体

　　两种办法可以解决：

　　一、使用简单的HTML语法可以控制文字的大小：

　　二、(推荐!)先看参数

　　JOptionPane.showMessageDialog(Component, Object, String, int);第二个参数为Object，我们可以用一个JLabel来替代以前的String，给JLabel一个Font就OK了。

　　import javax.swing.*;

　　import java.awt.*;

　　import java.awt.event.*;

　　import java.awt.event.ActionEvent;

　　public class Test {

　　JFrame frame;

　　JButton button;

　　Font font;

　　public Test(){

　　font = new Font(“宋体“,0,12);

　　UIManager.put(“Button.font“,font);

　　UIManager.put(“Label.font“,font);

　　frame = new JFrame(“Test“);

　　button = new JButton(“弹出“);

　　button.addActionListener(new ActionListener() {

　　public void actionPerformed(ActionEvent actionEvent) {

　　JLabel l = new JLabel(“用户名或密码错误 请重新输入“);

　　JOptionPane.showMessageDialog(frame,l,“错误“,JOptionPane.ERROR_MESSAGE);

　　}

　　});

　　frame.getContentPane().add(button);

　　frame.setSize(300, 200);

　　frame.setVisible(true);

　　}

　　public static void main(String args) {

　　new Test();

　　}

　　}

《style》body { font-family:宋体;}《/style》为body设置字体为宋体，更多属性请百度查看font-family

html的字体样式主要通过css的font-size以及font-family来定义的，标签详解如下：

font-size

指定字体大小，常用单位有em和px

font-family

指定使用的字体

常用的中文字体有微软雅黑和宋体，英文字体有Arial

可以同时指定多个字体，使用英文的逗号分隔，浏览器会按顺序查找，找不到就找下一个，全部没找到就使用系统默认的

字体用中文表示 则需要用双引号或者单引号分隔，英文字体一般不需要用引号，但是如果 有特殊字符的（如空格，反斜杠，#，$等）也需要使用引号

CSS字体常用技巧：

现在网页字体大小普遍使用14px+

尽量使用 偶数 数字字号，因为在有些老式浏览器中使用奇数字号的字体会有bug

尽量使用 系统默认字体，保证用户在任何浏览器中都可以正常显示

CSS Unicode 字体

就是使用Unicode编码表示字体，为了考虑兼容性

请点击输入图片描述

font-weight

字体粗细（bold相等于设置该属性的值为700，normal相等于设置该属性值为400–》不用单位，建议使用数字因为解析会更快）

fon-style

normal（一般用于让斜体不倾斜，em标签有加重强调的语义 但是字体会倾斜，可以为em 标签设置 font-style 属性值为 normal 取消其倾斜的效果）

字体样式可以连写

即 所有的字体样式 使用一个语句，但是有一定的语法规则和顺序

选择器 { font : font-style font-weight font-size/line-height font-family; }

字体样式连写时需要注意：一定要按顺序写，可以有省略不写的样式但是一定要按顺序，而且font-size和font-family是不可以省略的，否则会不起作用

文本外观样式

color：字体颜色

预定义的颜色如green，red等

十六进制，顺序是红绿蓝，十六进制是最常用的颜色表示方式#ff0000 表示红色，等同于#f00（缩写，必须是两两相同的才可以进行缩写）；#00f表示蓝色；#0f0表示绿色；#fff表示白色（所有的颜色都满格），#000000即#000表示黑色（所有的颜色都没有）

RGB代码：rgb(255,255,255)表示白色

文本修饰：text-decoration：none、underlined（比较常用，用于添加下划线和取消下划线）

请点击输入图片描述

line-hight：行间距，一般情况下，行间距只需要比字体大小大7或8个像素就可以了

text-align：文本内容的水平对齐方式

text-indent：段落首行缩进，单位使用em，1em就是一个字，所以该样式值为2em 表示 段落首行缩进两个字符